<template>
	<div class="yp_myOrderform">
		<div class="yp_myOrderform_top">
			<h3>修改密码</h3>
		</div>
		<div class="yp_myMemory">
			<ul>
				<li><input type="text" placeholder="请输入密码(6到20位字符)" onkeyup="value=value.replace(/[^\d]/g,'')" /></li>
				<li><input type="text" placeholder="请再次输入密码确认" /></li>
				<li><input type="text" placeholder="验证码" /><img src="../assets/vcode.png"/><span style="color: orange;padding-left: 10px;">看不清,换一张</span></li>
				<li><input type="text" placeholder="手机验证码" /></li>
				<li><button>提交修改</button></li>
			</ul>
		</div>
		</div>
</template>

<script>
</script>

<style scoped>
	.yp_myOrderform{
		float: right;
		width: 1085px;
		border: 1px solid gainsboro;
	}
	.yp_myOrderform_top{
		height: 61px;
		line-height: 61px;
		padding-left: 20px;
		border-bottom: 1px solid gainsboro;
	}
	.yp_myMemory{
		margin-top: 60px;
	}
	.yp_myMemory li{
		margin: 30px 60px;
	}
	.yp_myMemory input{
		width: 300px;
		height: 40px;
		font-size: 15px;
		font-weight: 500;
		border: 1px solid gainsboro;
		padding-left: 10px;
		background-color: rgb(250,250,250);
	}
	.yp_myMemory button{
		width: 150px;
		height: 50px;
		font-size: 18px;
		font-weight: 600;
		border-radius: 8px;
		background-color: orangered;
		color: white;
	}
	.yp_myMemory img{
		vertical-align: middle;
		height: 30px;
		margin-left: 10px;
	}
</style>